@charset "utf8";
main{
	width: 100%;
	height: 5500px;
	back ground: #ffff7f;
}
/* 面包屑导航 */
nav{
	height: 90px;
	width: 100%;
	background: #ffffff;
}
main div#mainbav {
	back ground-color: #ff0000;
        width: 1104px;
		height: 90px;
        margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content:space-between;
}
div.logo{
	height: 90px;
	width: 250px;
	back ground: #00ff7f;
	float: left;
	align-items: center;
	
}
div.wenzi{
	width: 560px;
	height: 90px;
	back ground: #55aaff;
}
div.wenzi ul {
	float: left;
}
div.wenzi ul li{
	float:left;
	margin-right:10px;
	line-height:100px;
	
}
div.wenzi ul li a{
	font-size: 16px;
	color: #000000;
}
div.wenzi ul li a:hover{
	color: #ff6700;
}
div.search{
	width:294px;
	height:48px;
	margin-top: 5px	;
	border:1px #e0e0e0 solid;
	float:right; 
	
}
div.search div.sousuo{
	width:50px; 
	height:48px; 
	border-left:1px #e0e0e0 solid;
	float:right;
}
div.search div.sousuo img{
	margin-left:17px;
	margin-top:16px;
}
div.search span{
	float:right;
	font-size:12px;
	color:#757575;
	margin-top:14px; 
	margin-right:10px; 
	background-color:#eee; 
	padding:3px 5px;
}
div.search span:hover{
	background-color:#ff6700; 
    color:#fff;
}
/* --------------------左栏------------------------------ */
.sidebar{
	width: 200px;
	background: #55ffff;
	padding: 20px;
}
.sidebar ul{
	list-style-type: none;
	padding: 0;
}
.sidebar ul li{
	margin-bottom: 10px;
}
/* ------------------------------------------------- */
/* 轮播图 */
figure{
	width: 1104px;
	position: relative;
    margin-left: 2000px;
	width: 2000px;
}

/* ----------------------------------------------------- */
section #event{
	width: 1104px;
	height: 260px;
	back ground: #000;
	margin: 0 auto;
}
section #event ul li{
	float: left;
	margin-left: 13.3px;
	margin-top: 20px;
}
section #event ul li img{
	width: 266px;
	height: 200px;
}
section #event ul li:first-child{
	bor der: 1px solid red;
	margin-left: 0;
}
section #event ul li:hover{
filter: drop-shadow(0 0 8px #c1bbbf);
}
/* -------------小米明星单品------------------------------------- */
div.star{
	width: 1104px;
	height: 380px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.single{
	    float: left;
	    margin-bottom: 15px;
	    width: 1104px;
	    
	    
}
.right_btn {
    float: right;
    width: 35px;
    height: 25px;
    border: 1px solid #e0e0e0;
    text-align: center;
    line-height: 25px;
}
.left_btn {
    float: right;
    width: 30px;
    height: 25px;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
    line-height: 25px;
	}
div.container_star{
				    float: left;
				    margin-right: 14px;
				    width: 206px;
				    height: 306px;
				    background-color: #fafafa;
				    text-align: center;
					
			}
			div.container_star dl {
				width: 200px;
			}
			/* 容器：图片，三行文本 */
			div.container_star dl dt img{
				margin: 50px auto;
				text-align: center;
				
			}
			/* 容器：文本，第二三行 */
			div.container_star dl dd.product_content{
				color: #afafaf;
				font-size: 12px;
				line-height: 40px;
				text-align: center;
			}
			div.container_star dl dd.product_price{
				color: #ff6709;
				font-size: 14px;
				text-align: center;
			}
/* -----------智能硬件------------------------------ */
div.bg{
	height: 4500px;
	background-color: #f5f5f5;
}
div.hardware_box{
    margin-left: auto;
    margin-right: auto;
    width: 1104px;
	height: 740px;
	backg round: #ffff00;
}
div.hardware{
	width: 1104px;
	    float: left;
	    margin-bottom: 19px;
	    font-size: 24px;
	    color: #333;
	    margin-top: 76px;	
}
div.hardware a{
	float:right;
	font-size:18px; 
	margin-right:10px; 
	color:#333;
}
div.kidwatch{
	    width: 234px;
	    height: 605px;
	    float: left;
	    margin-right: 12px;
	    background: url(/img/haraware_kid.png) no-repeat;
	    text-align: center;
}
div.content{
	width: 205px;
	    height: 290px;
	    margin-right: 12px;
	    background-color: #fff;
	    float: left;
	    text-align: center;
		margin-top: 12px;
}
div.content:hover{
	filter: drop-shadow(0 0 8px #a7a7a7);
}
div.content4{
	width: 205px;
	height: 290px;
	background-color: #fff;
	float: left;
	text-align: center;
	margin-top: 12px;
}
div.content4:hover{
	filter: drop-shadow(0 0 8px #a7a7a7);
}
div.content dl dt img{
	margin-top: 100px;
	text-align: center;
				
}
			/* 容器：文本，第二三行 */
div.content dl dd.name{
	color: #333;
	margin-top: 20px;
	font-size: 14px;
}
div.content dl dd.product_content{
	color: #afafaf;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
}
div.content dl dd.product_price{
	color: #ff6709;
	font-size: 12px;
	text-align: center;
}
div.content4 dl dt img{
	margin-top: 100px;
	text-align: center;
				
}
			
div.content4 dl dd.name{
	color: #333;
	margin-top: 10px;
	font-size: 14px;
}
div.content4 dl dd.product_content{
	color: #afafaf;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
}
div.content4 dl dd.product_price{
	color: #ff6709;
	font-size: 12px;
	text-align: center;
}
/* ------------------搭配----------------------- */
div.dapei_box{
	margin-left: auto;
	margin-right: auto;
	width: 1104px;
	height: 740px;
	
}
div.dapei{
	width: 1104px;
	float: left;
	margin-bottom: 19px;
	font-size: 24px;
	color: #333;
	margin-top: 40px;;	
}
div.dapei ul{
	float: right;
}
.dapei li {
    float: left;
    margin-right: 30px;
    padding-bottom: 2px;
    font-size: 18px;
}
/* -------------热评产品----------------------------- */
div.reping_box{
	width: 1104px;
	margin-left: auto;
	margin-right: auto;
}
div.reping{
	margin-left: auto;
	margin-right: auto;
	width: 1104px;
	float: left;
	margin-bottom: 19px;
	font-size: 24px;
	color: #333;
	margin-top: 10px;
}
div.hotproduct{
    float: left;
    width: 267px;
    height: 405px;
    background-color: #fff;
    margin-right: 12px;
}
div.hotproduct1{
    float: left;
    width: 267px;
    height: 405px;
    background-color: #fff;
}
div.judge{
    width: 240px;
    margin-top: 34px;
    margin-left: auto;
    margin-right: auto;
}
.hotproduct p {
    margin-bottom: 35px;
	color: #000;
	font-size: 14px;
}
.hotproduct h1 {
    font-size: 12px;
    font-family: "宋体", sunself;
    color: #b0b0b0;
    display: block;
    margin-bottom: 15px;
    font-weight: normal;
}
.hotproduct a {
    border-right: 1px solid #b0b0b0;
    padding-right: 10px;
    margin-right: 10px;
	color: #000;
}
.hotproduct1 p {
    margin-bottom: 35px;
	color: #000;
	font-size: 14px;
}
.hotproduct1 h1 {
    font-size: 12px;
    font-family: "宋体", sunself;
    color: #b0b0b0;
    display: block;
    margin-bottom: 15px;
    font-weight: normal;
}
.hotproduct1 a {
    border-right: 1px solid #b0b0b0;
    padding-right: 10px;
    margin-right: 10px;
	color: #000;
}
/* --------------------------内容----------------------- */
div.classify_box{
    margin-left: auto;
    margin-right: auto;
    width: 1104px;
}
div.classify{
	margin-left: auto;
	margin-right: auto;
	width: 1104px;
    float: left;
    margin-bottom: 19px;
    font-size: 24px;
    color: #333;
    margin-top: 40px;
}
div.neirong{
    width: 267px;
    height: 374px;
    background-color: #fff;
    float: left;
    margin-right: 12px;
    padding-top: 50px;
    text-align: center;
}
div.neirong1{
    width: 267px;
    height: 374px;
    background-color: #fff;
    float: left;
    padding-top: 50px;
    text-align: center;
}
div.neirong:hover{
    filter: drop-shadow(0 0 8px #a7a7a7);
}
div.neirong1:hover{
    filter: drop-shadow(0 0 8px #a7a7a7);
}
/* ----------视频------------- */
div.shipin_box{
	width: 1104px;
	margin-left: auto;
	margin-right: auto;
}
div.shipin {
	margin-left: auto;
	margin-right: auto;
	width: 1104px;
    float: left;
    margin-bottom: 19px;
    font-size: 24px;
    color: #333;
    margin-top: 40px;
}
div.shipin1{
	    width: 267px;
	    height: 290px;
	    background-color: #fff;
	    float: left;
	    margin-right: 12px;
	    text-align: center;
	    position: relative;a
}
div.shipin2{
	width: 267px;
	height: 290px;
	background-color: #fff;
	float: left;
	text-align: center;
	position: relative;
}
img.play {
    position: absolute;
    left: 25px;
    top: 125px;
}
div.shipin1 h1{
	font-size: 14px;
	font-weight: normal;
	color: #333;
	margin-top: 30px;
	margin-bottom: 12px;
}
div.shipin2 h1{
	font-size: 14px;
	    font-weight: normal;
	    color: #333;
	    margin-top: 30px;
	    margin-bottom: 12px;

}
div#shangping{
	margin-left:300px ;
	padding-left: 10px;
	
}





